feat(dashboard): add contribution calendar and dashboard activity insights#1225
feat(dashboard): add contribution calendar and dashboard activity insights#1225milosde111 wants to merge 2 commits into
Conversation
88b26ff to
eb9d3ba
Compare
anderdc
left a comment
There was a problem hiding this comment.
This duplicates src/components/ContributionHeatmap.tsx. ContributionCalendar.tsx reimplements the react-activity-calendar wrapper, empty state, heatmap theme wiring, scroll container, and renderBlock tooltip that ContributionHeatmap already provides — it has a bare mode for exactly this embedding. Reuse it: render <ContributionHeatmap bare ... /> for the heatmap and compose the week-summary card, legend, and week-over-week trend around it. If ContributionHeatmap lacks what the calendar needs (responsive blockSize, weekStart={0}, showWeekdayLabels), add those props to ContributionHeatmap at the source — don't fork it. Also drop the unrelated totalLinesCommitted useMemo change in useDashboardData.ts — it's out of scope.
…nd refactor for better usability
Summary
Adds a Contribution Calendar section to the dashboard (below Network Activity), styled like GitHub’s contribution graph. The heatmap shows daily network activity over a rolling 365-day window in a 53-week Sun–Sat grid, with a weekly summary card and year-to-date contribution count.
Type of Change
Screenshots
Before
After
Checklist
npm run formatandnpm run lint:fixhave been runnpm run buildpasses